<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title>古今在线</title>
	<% include  ./template/commonCss.ejs %>
	<link href="<%=resUrl%>/css/special_detail.css" rel="stylesheet" type="text/css" />
	<% include ./template/commonJs.ejs %>
	<% include ./template/chatLister.ejs %>
</head>

<body ontouchstart>
	<% var topTitle = '专场详情' ;var topReturnType = '' %>
	<% include ./template/topReturn.ejs %>
	<div class="zc" id="zc-content" <%if(locals.token && token != ''){%>style="top:0;"<%}%>>
	</div>
	<script id="zc" type="text/html">
		{{if data}}
			<div class="shop">
				<div class="img">
					<img src="{{data.userDetail.photo}}?x-oss-process=image/resize,w_300,h_300" width="100%"/>
				</div>
				<div class="info">
					<div class="name">
						{{if data.source == 2}}
							<i class="iconfont icon-jishi"></i>
						{{else}}
							<div class="sign">官</div>
						{{/if}}&nbsp;{{data.name}}
					</div>
					<div class="row">
						<div class="down-count">
							<div class="text">结束时间:</div>
							<div class="date">
								&nbsp;
								<div class="val">{{ data.factEndDate | timestampTransfor}}</div>
							</div>
						</div>
						<div class="antique-count">
							<img src="img/gudianhuaping.png"/>{{data.productHoldCount}}
						</div>
					</div>
				</div>
			</div>
			<div class="shop-desc">
				专场说明：{{data.content}}
			</div>
		{{/if}}
	</script>
	<div class="weui-flex">
		<div class="weui-flex__item">
			<div class="placeholder">
				<text>即将截拍</text><i class="iconfont icon-tri-down-mini"></i>
			</div>
			<div class="children">
				<div class="item current" orderType="1">
					<text>即将截拍</text><i class="iconfont icon-dagoux"></i>
				</div>
				<div class="item" orderType="2">
					<text>最新上传</text><i class="iconfont icon-dagoux"></i>
				</div>
				<div class="item" orderType="3">
					<text>热度排序</text><i class="iconfont icon-dagoux"></i>
				</div>
			</div>
		</div>
		<div class="weui-flex__item last" id="screen">
			<div class="placeholder">
				<text>筛选</text><i class="iconfont icon-shaixuan"></i>
			</div>
		</div>
	</div>
	<div id="weipai" class="weui-tab__bd-item weui-tab__bd-item--active" <%if(locals.token && token != ''){%>style="top:2.35rem;"<%}%>>
		<!--下拉刷新-->
		<div class="weui-pull-to-refresh__layer" style="padding: 5px;">
			<div class="weui-pull-to-refresh__arrow"></div>
			<div class="weui-pull-to-refresh__preloader"></div>
			<div class="down">下拉刷新</div>
			<div class="up">释放刷新</div>
			<div class="refresh">正在刷新</div>
		</div>
		<div class="weipai-list" id="weipai-list-content">
			<div class="left-list" id="left-list-content"></div>
			<div class="right-list" id="right-list-content"></div>
			<div class="auto-height"></div>
		</div>
		<script id="left-list" type="text/html">
			{{each list}}
				<a class="lot" href="javascript:visitUrl('/auctionCollectDetail?id={{$value.id}}')">
					<div class="info">
						<div class="pic"><img src="{{$value.coverImage}}?x-oss-process=image/resize,w_500"></div>
						<div class="row-header">
							{{if $value.userDetail}}
								<img src="{{$value.shopDetail.image}}?x-oss-process=image/resize,w_50,h_50">
								<div class="name">{{$value.shopDetail.name}}</div>
							{{/if}}
							<div class="view">{{$value.viewCount}}&nbsp;<i class="iconfont icon-liulan"></i></div>
						</div>
						<div class="title">{{$value.name}}</div>
						<div class="price">
							<text>¥{{$value.nowPrice}}</text>
							<div class="time">
								<i class="iconfont icon-naozhong" style="font-size:0.2rem"></i><time sign="unmake" time="{{$value.factEndDate | CountdownTime}}"></time>
							</div>
						</div>
					</div>
				</a>
			{{/each}}
		</script>	
		<script id="right-list" type="text/html">
			{{each list}}
				<a class="lot" href="javascript:visitUrl('/auctionCollectDetail?id={{$value.id}}')">
					<div class="info">
						<div class="pic"><img src="{{$value.coverImage}}?x-oss-process=image/resize,w_500"></div>
						<div class="row-header">
							{{if $value.userDetail}}
								<img src="{{$value.shopDetail.image}}?x-oss-process=image/resize,w_50,h_50">
								<div class="name">{{$value.shopDetail.name}}</div>
							{{/if}}
							<div class="view">{{$value.viewCount}}&nbsp;<i class="iconfont icon-liulan"></i></div>
						</div>
						<div class="title">{{$value.name}}</div>
						<div class="price">
							<text>¥{{$value.nowPrice}}</text>
							<div class="time">
								<i class="iconfont icon-naozhong" style="font-size:0.2rem"></i><time sign="unmake" time="{{$value.factEndDate | CountdownTime}}"></time>
							</div>
						</div>
					</div>
				</a>
			{{/each}}
		</script>
		<div class="weui-loadmore" id="loadmore">
			<i class="weui-loading"></i>
			<span class="weui-loadmore__tips">正在加载</span>
		</div>
		<div class="weui-loadmore weui-loadmore_line" style="display:none;" id="nomore">
			<span class="weui-loadmore__tips">到底了</span>
		</div>
	</div>
	<div class="mask"></div>
	<div class="screen_condition" id="screen_condition">
		<div class="content">
			<div class="item">
				<div class="title">搜索关键字</div>
				<div class="list"><input type="text" name="keyword"/></div>
			</div>
			<div class="item">
				<div class="title">选择分类</div>
				<div class="list" id="cate-list-content">
				</div>
				<script id="cate-list" type="text/html">
					<div class="unit" value="">全部</div>
					{{each list}}
						<div class="unit" value="{{$value.id}}">{{$value.label}}</div>
					{{/each}}
					<div class="auto-height"></div>
				</script>	
				<script>
					$.post('/antique/api/sysDict/query_list',{
						token:getCookie('token'),
						type:'firstcategory',
						parentId:'0'
					},function(result){
						var html = template('cate-list', result.data);
						document.getElementById('cate-list-content').innerHTML = html;
						$('.screen_condition .item .list .unit').click(function(){
							$('.screen_condition .item .list .unit').removeClass('current');
							$(this).addClass('current');
						});
						$('#screen_condition_reset').click(function(){
							$('.screen_condition .item .list input').val('');
							$('.screen_condition .item .list .unit').removeClass('current');
						});
					});
				</script>
			</div>
		</div>
		<div class="op">
			<button class="l" id="screen_condition_reset">重置</button>
			<button class="r" id="screen_condition_confirm">确认</button>
		</div>
	</div>
	<script>
		var id = '<%=id%>';
	</script>
	<script type="text/javascript" src="<%=resUrl%>/js/special_detail.js"></script>
</body>

</html>